html {
  min-width: 1240px;
  /* 主题绿色 */
  --theme: #5EB69C;
}

/* 版心 */
.main {
  width: 1240px;
  margin: 0 auto;
}

/* 1 顶部导航 */
.top-nav {
  background-color: #333333;
  height: 52px;

  .main {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;

    ul {
      display: flex;

      li {
        font-size: 14px;
        color: #fff;
        padding: 0 15px;
        border-right: 1px solid #ccc;

        &.active {
          color: var(--theme);
        }

        &:last-child {
          padding-right: 0;
          border-right: none;
        }

        a {}
      }
    }
  }
}